<!-- 通信总结 -->
<!-- 父在应用子组件的地方使用v-model,单个v-model:"name",多个v-model:name="name"，子用defineModel接收，default：name
 可用来表示默认 -->
<template>
  <div>
    <h1 >
      {{ me }}
      {{ realName }}
      {{ fakeName }}
    </h1>

    <ChildCom v-model="me" />

    <ChildsCom v-model:realName="realName" v-model:fakeName="fakeName"/>
  </div>
</template>

<script setup>
import ChildCom from './ChildCom.vue';
import ChildsCom from './ChildsCom.vue';
import { ref } from 'vue'
const me = ref('二桥')
const realName = ref('阿雅')
const fakeName = ref('拾涯')

</script>

<style lang="scss" scoped>
</style>